<template>
  <view>
    <cu-custom bgColor="bg-white" :isBack="true"><black slot="content" class="text-000 text-bold">充值</black></cu-custom>
    <view class="bg-white solid-top padding-tb-sm text-black text-bold padding-left-sm">充值金额</view>
    <view class="bg-white flex padding-left-sm padding-tb-sm">
      <text class="text-black text-bold text-lg">￥</text>
      <label>
        <input type="number" placeholder="输入充值金额" class="text-gray padding-left-xs" v-model="value" @input="inputFill">
      </label>
    </view>
    <button class="cu-btn round bg-red fixed margin-left-lg margin-right-lg" style="bottom:160rpx;width:660rpx" v-if="value">立即充值</button>
    <button class="cu-btn round fixed margin-left-lg margin-right-lg" style="bottom:160rpx;width:660rpx" disabled v-else>立即充值</button>
  </view>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      value:''
    }
  },
  components: {},
  computed: {},
  created() {

  },
  onLoad() {

  },
  methods: {
    inputFill(e){
      console.log(e)
      this.value = e.detail.value
    }
  }
}
</script>

<style scoped>
</style>
